<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{webjars/jquery/3.6.4/jquery.js}"></script>
</head>
<body>
<h1>添加球员信息</h1>
<form method="post" th:action="@{insert}" id="fom">
    <p>球员姓名: <input type="text" name="pname"></p>
    <p>出生时间: <input type="text" name="biryhday">(yyyy-MM-dd)</p>
    <p>球员身高: <input type="text" name="height">(单位：cm)</p>
    <p>球员体重: <input type="text" name="weight">(单位：kg)</p>
    <p>球员位置: <input type="radio" name="position" value="控球后卫">控球后卫
        <input type="radio" name="position" value="得分后卫" th:if="${play.getPosition()=='得分后卫'}">得分后卫
        <input type="radio" name="position" value="小前锋">小前锋
        <input type="radio" name="position" value="大前锋">大前锋
        <input type="radio" name="position" value="中锋">中锋
    </p>
    <p>所属球队:
        <select id="o" name="cid">
        </select></p>
    <p>相关操作: <input th:type="submit" value="新增"> <a th:href="@{getAll}"></a> <a th:href="getindex"><input type="button"
                                                                                                       value="返回"></a>
    </p>
</form>
</body>
</html>
<script>
    $(function () {
        $.post("getClubs", "", function (data) {
            for (var op of data) {
                $("#o").append("<option value=" + op.cid + ">" + op.cname + "</option>");
            }
        }, "json")
        $("form").submit(function () {
            if ($("[name=pname]").val() == "") {
                alert("姓名不能为空");
                return false;
            }
            if ($("[name=height]").val() == "") {
                alert("身高不能为空");
                return false;
            }
            if ($("[name=biryhday]").val() == "") {
                alert("生日不能为空");
                return false;
            }
            if ($("[name=position]:checked").length==0) {
                alert("姓名不能为空");
                return false;
            }
            var pd = /^\d{4}-\d{1,2}-\d{1,2}$/;
            if (pd.test($("[name=biryhday]").val())==false) {
                alert("生日格式不正确+");
                return false;
            }
        })
    })
</script>